//屏幕分割
$screen-sm:767px;
$screen-md:992px;
$screen-lg:1200px;
//颜色库
$primary:red; //
$primary-light:lighten(#428bca, 6.5%);
$primary-heavy:darken(#428bca, 6.5%);
$success:#5cb85c; //$success_light:#aeaeae;$success_heavy:#aeaeae;
$info:#5bc0de; //$info_light:#aeaeae;$info_heavy:#aeaeae;
$warning:#f0ad4e; //$warning_light:#aeaeae;$warning_heavy:#aeaeae;
$danger:#d9534f; //$danger_light:#aeaeae;$danger_heavy:#aeaeae;
$active:darken($warning, 6.5%); //$active_light:#aeaeae;$active_heavy:#aeaeae;
$gray-base:#000;
$gray-darker:ligthen($gray-base, 13.5%);
$gray-dark:ligthen($gray-base, 20%);
$gray:lighten($gray-base, 33.5%);
$gray-light:lighten($gray-base, 46.7%);
$gray-lighter:lighten($gray-base, 93.5%);
// lighten($color,$amount)：通过改变颜色的亮度值，让颜色变亮，创建一个新的颜色；
// darken($color,$amount)：通过改变颜色的亮度值，让颜色变暗，创建一个新的颜色；
// saturate($color,$amount)：通过改变颜色的饱和度值，让颜色更饱和，从而创建一个新的颜色
// desaturate($color,$amount)：通过改变颜色的饱和度值，让颜色更少的饱和，从而创建出一个新的颜色；
// grayscale($color)：将一个颜色变成灰色，相当于desaturate($color,100%);
// complement($color)：返回一个补充色，相当于adjust-hue($color,180deg);
// invert($color)：反回一个反相色，红、绿、蓝色值倒过来，而透明度不变。
//字体
$font-base: 14px;
$font-size:$font-base;
$font-size-xs:.8rem;
$font-size-sm:1.2rem;
$font-size-md:1.6rem;
$font-size-lg:2rem;